<template>
    <div>
        <h1>App</h1>
        <input type="text" v-model="title">{{ title }}
        <hr>
        <input type="text" v-model="newTitle">{{ newTitle }}
    </div>
</template>
<script setup>
/*
   
*/
import { ref, shallowRef, reactive, shallowReactive, toRef } from 'vue';

const title = ref('html');
const newTitle = toRef(title);



</script>

<style>
div {
    border: solid;
    padding: 10px;
}
</style>